html,body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,fieldset,legend,table,ol,li,th,td,tr,colgroup,caption{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration: none;}
img{vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
textarea{resize: none;}
input,a{outline: none;}/* 取消点击是的虚线框 */
table {border-collapse:collapse;}
fieldset,img {border:0 none;}
.wrap{
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #f5f5f5;
}
.top{
  width: 100%;
  height: 105px;
  background-color: #0e0e0f;
  border-bottom: 1px solid #222222;
}
.top-main{
  width: 1300px;
  height: 105px;
  margin: 0 auto;
}
.top-main a{
  color: white;
}
.logo1{
  float: left;
  margin-top: 20px;
}
.logo2{
  float: left;
  margin-top: 20px;
  margin-left: 30px;
}
.top-main input{
  width: 200px;
  height: 40px;
  font-size: 14px;
  color: white;
  background: url(../image/sousuo.gif)10px 10px no-repeat;
  background-color: #242424;
  float: left;
  margin-top: 30px;
  margin-left: 460px;
  border-radius: 20px;
  text-indent: 30px;
  line-height: 30px;
  border: 1px solid #242424;
}
.top-main .denglu{
  float: left;
  margin-top: 38px;
  margin-left: 80px;
}
.top-main .gouwuche{
  float: left;
  margin-top: 38px;
  margin-left: 30px;
}
.wrap-nav{
  width: 100%;
  height: 52px;
  background-color: #0e0e0f;
}
.nav{
  width: 1300px;
  height: 52px;
  margin: 0 auto;
}
.nav-l{
  height: 52px;
  float: left;
  cursor: pointer;
}
.nav-l li{
  float: left;
  color: #ccc;
  width: 126px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.nav-l li:hover{
  color: white;
  background-color: #4d401c;
  border-bottom: 5px solid #efc34f;
  box-sizing: border-box;
}
.nav-r{
  float: right;
  height: 52px;
  width: 130px;
  cursor: pointer;
}
.nav-r-b p{
  color: white;
  width: 130px;
  line-height: 52px;
  background: url(../image/jian-s.gif) 105px 20px no-repeat;
}

.nav-r-b p:hover{
  background: url(../image/jian-x.gif) 105px 20px no-repeat;
}
.nav-b{
  width: 100%;
  height: 700px;
  background-color:#ffffff;
  position: absolute;
  top: 157px;
  left: 0px;
  display: none;
  z-index: 100;
}
.nav-b-c{
  width: 905px;
  margin: 0 auto;
}
.nav-1{
  float: left;
  margin-top: 20px;
  width: 80px;
  font-size: 14px;
  margin-left: 20px;
}
.nav-1 li{
  width: 80px;
  text-align: center;
}
.nav-2{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #ccc;
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
}
.nav-3{
  height: 30px;
  line-height: 30px;
}
.nav-1 li:hover{
  cursor: pointer;
}
.nav-1 .nav-3:hover{
  text-decoration:underline;
}
.lunbo{
  width: 100%;
  height: 518px;
  position: relative;
}
.lunbo .main{
  width: 100%;
  height: 518px;
  position: relative;
}
.main img{
  width: 100%;
  height: 518px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: 0.02;
}
.num{
  overflow: hidden;
  position: absolute;
  left: 1000px;
  bottom: 50px;
  z-index: 99;
}
.num li{
  float: left;
  width: 30px;
  height: 4px;
  margin-left: 20px;
  background-color: #aeafcc;
  opacity: 0.5;
  cursor: pointer;
}
.main .show{
  z-index: 10;
}
.num .active{
  background-color: #ffc933;
}
.content{
  width: 1280px;
  height: 3124px;
  position: absolute;
  top: 640px;
  left: 300px;
  background-color: #ffffff;
  z-index: 120;
  border-radius: 5px 5px;
}
.content1{
  width: 1280px;
  height: 721px;
}
.content1-top{
  width: 1280px;
  height: 32px;
  
}
.content1-top-main {
  width: 1180px;
  height: 32px;
  margin: 56px auto 0px;
}
.content1-top h1{
  float: left;
  color: #333;
  font-size: 28px;
  margin-right: 20px;
  font-weight: bold;
  
}
.content1-top h3{

  padding-top: 16px !important;
  font-size: 14px;
  float: left;
}
.content1-top-r{
  float: right;
}
.content1-top-r h4{
  color: #333;
  font-size: 14px;
  line-height: 32px;
  float: left;
}
.content1-top-r span{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffc933;
  float: left;
  line-height: 20px;
  text-align: center;
  margin-top: 5px;
  margin-left: 5px;
}
.content1-main{
  width: 1180px;
  height: 240px;
  margin: 20px 50px 0px 50px;
}
.good-list{
  width: 1180px;
  height: 378px;
  margin: 20px 50px 0px 50px
}
.good-list ul{
  float: left;
}
.good-list ul li{
  float: left;
  margin-right: 16px;
  width: 280px;
  height: 378px;
  border: 1px solid #ccc;
  
}
.good-list img{
  width: 278px;
  height: 268px;
}
.good{
  margin-right: 0px !important;
}
.p1{
  width: 280px;
  height: 24px;
  color: #444444;
  text-align: center;
  margin-top: 20px;
}
.p2{
  width: 280px;
  height: 24px;
  color: #f7545f;
  text-align: center;
  
}
.footer{
  width: 100%;
  height: 233px;
  background-color:#1b1b1b;
  margin-top: 3130px;
}
.footer-main{
  width: 1284px;
  height: 230px;
  margin: 0 auto;
  border-bottom: 3px solid #606060;
}
.foot-l{
  width: 285px;
  height: 230px;
  float: left;
}
.foot-l img{
  margin: 30px 0px 0px 20px;
  float: left;
}
.foot-l span{
  width: 1px;
  height:135px ;
  background-color: #606060;
  float: right;
  margin-top: 50px;
}
.foot-c{
  float: left;
  width: 396px;
  height: 230px;
}
.foot-c ul{
  width: 340px;
  height: 139px;
  float: left;
  margin-left: 36px;
  margin-top: 50px;
}
.foot-c ul li{
  float: left;
  margin: 0 60px 30px 0px;

}
.tiao{
  width: 1px;
  height:135px ;
  background-color: #606060;
  float: right;
  margin-top: 50px;
}
.foot-c ul li span{
  color: #a8a8a8;
}
.foot-r{
  float: left;
  width: 600px;
  height: 230px;
}
.foot-r img{
  width: 100px;
  height: 100px;
}
.foot-r ul{
  float: left;
}
.foot-r ul li{
  float: left;
  color: white;
  margin: 50px 0px 0px 50px;
}
.foot-r ul li p{
  margin-top: 20px;
  text-align: center;
}
.ber{
  width: 100%;
  height: 166px;
  background-color:#1b1b1b;
}
.ber1{
  width: 890px;
  height: 90px; 
  padding-top: 30px;
  margin: 0 auto;
  font-size: 12px;
  color: #687777;
  
}
.ber1 ul{
  display: inline-block;
  width: 890px;
  height: 20px;
  line-height: 20px;
  text-align: center;
} 
.ber1 ul li{
  
  height: 20px;
  float: left;
  margin-left: 5px;
}
.ber1 .ul1{
  padding-left: 80px;
}
.ber1 p{
  padding-left: 220px;
  height: 20px;
  line-height: 20px;
}
.ber1 .banquan{
  padding-left: 330px;
}
.foot{
  width: 100%;
  height: 64px;
  background-color:#1b1b1b;
}
.foot div{
  padding-top:0px;
  padding-left: 830px;
}
.foot a{
  font-size: 10px;
  color: #687777;
}
.guding{
  width: 46px;
  height: 266px;
  position: fixed;
  top: 50%;
  right: 0px;
  margin-top: -133px;
  z-index: 1000;
}
.guding1{
  width: 46px;
  height: 45px;
  border: 1px solid #dfdfdf;
  position: relative;
}
.guding1 span{
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #f74a4a;
  z-index: 1;
  width: 46px;
  height: 44px;
  color: white;
  text-align: center;
}
.guding1:hover span{
  z-index: 2000;
}
.guding1 div{
  width: 46px;
  height: 45px;
  background-color: #f5f5f5;
  z-index: 100;
  position: relative;
  border: 1px solid #dfdfdf;
}
.guding1 img{
  z-index: 110;
  position: absolute;
  top: 10px;
  left: 10px;
  
}
.guding2{
  width: 46px;
  height: 131px;
  border: 1px solid #dfdfdf;
  z-index: 1000;
  background-color: #ffffff;
  position: relative;
}
.guding2 img{
  position: absolute;
  top: 10px;
  left: 10px;
}
.guding2 span{
  position: absolute;
  top: 30px;
  left: 15px;
}
.guding2 h3{
  position: absolute;
  top: 105px;
  left: 14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color:#f74a4a;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

